<!-- 任务管理 -->
<template>
  <div class="con">
    <div class="dd">
      <div class="btnList">
        <el-button size="mini">故障任务 <i class="el-icon-plus"></i></el-button>
        <el-button size="mini">工单任务 <i class="el-icon-plus"></i></el-button>
        <el-button size="mini">临时巡视任务 <i class="el-icon-plus"></i></el-button>
      </div>
      <div>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="角色名称" width="180">
          </el-table-column>
          <el-table-column prop="name" label="角色标识" width="180">
          </el-table-column>
          <el-table-column prop="address" label="角色状态"> </el-table-column>
          <el-table-column prop="address" label="角色描述"> </el-table-column>
          <el-table-column prop="address" label="更新时间"> </el-table-column>
        </el-table>
      </div>
    </div>
    <div class="ddBottom">
			<div>
				<el-table :data="tableData2" style="width: 100%">
          <el-table-column prop="date" label="姓名" width="180">
          </el-table-column>
          <el-table-column prop="name" label="人员编号" width="180">
          </el-table-column>
          <el-table-column prop="address" label="电话"> </el-table-column>
          <el-table-column prop="address" label="性别"> </el-table-column>
          <el-table-column prop="address" label="是否在线"> </el-table-column>
          <el-table-column prop="address" label="是否应急人员"> </el-table-column>
          <el-table-column prop="address" label="当前状态"> </el-table-column>
          <el-table-column prop="address" label="历史值班">
						<el-button size="mini">查看</el-button>
					</el-table-column>
          <el-table-column prop="address" label="值班时间"> </el-table-column>
        </el-table>
			</div>
		</div>
  </div>
</template>

<script>
export default {
  name: "TaskManage",
  data() {
    return {
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
			tableData2: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: " 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: " 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: " 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: " 1516 弄",
        },
      ],
    };
  },
};
</script>

<style scoped lang="less">
@import "../../../assets/style/table.less";
.con {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .dd {
    height: 63%;
  }
  .ddBottom {
    height: 36%;
    background-color: #002127;
    border-radius: 15px;
		overflow:hidden;
  }
}
</style>